<template>
  <div class="index-wrap">
<!-- <h1>123</h1> -->
<!-- 新闻 -->
<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media"  v-for="item   in   xinweiList"  :key="item.id">
			<router-link  :to="'/box/newsitems/'  +item.id">
						<img class="mui-media-object mui-pull-left"  :src="item.img_url">
						<div class="mui-media-body">   
							<h1>{{item.title}}</h1>
							<p class='mui-ellipsis'>
              <span>发表时间:{{item.add_time |  dateFormat('YYYY-MM-DD')}}</span>
              <span>点击{{item.click}}次</span>
              </p>
						</div>
			</router-link>
				</li>
			</ul>
  </div>
</template>

<script>
import { Toast } from 'mint-ui'
import   Vue from 'vue'
import MintUI from 'mint-ui'
Vue.use(MintUI)
import 'mint-ui/lib/style.css'
import  VueResource from 'vue-resource'

export default {
  name: 'Xinwei',
  data(){
      return{
          xinweiList :[]
      }
  },
    created(){
this.getNewsList()
 },
  methods:{
        getNewsList(){
                  this.$http.get('getnewslist'). then(result => {
              // console.log(result.body)
              if(result.body .status ===0){
                // 成功了
                     Toast('加载轮播图ok。。。')
                            // console.log("chenggong ")
                this.xinweiList =result.body.message;
              }else{
            //  失败了
            // console.log("shibai ")
                 Toast('加载轮播图shibai 。。。')
              }
          })
        }
  }
}
</script>
<style  lang="scss"  scoped>
.mui-table-view{
    li{
       h1{font-size: 14px}
       .mui-ellipsis{
           font-size: 12px;
           color: #226aff;
           display: flex;
           justify-content: space-between;
       }
    }
}
</style>
